<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>

    <!-- weui -->
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.3.0/weui.min.css" />
</head>

<body>
    <main>
        <div class="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../../assets/imgs/course-img02.png" alt="" height="100%"></div>
                <div class="swiper-slide"><img src="../../assets/imgs/course-img03.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../../assets/imgs/course-img04.jpg" alt=""></div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>
        <nav>
            <div class="lf">
                <h2>今日排名</h2>
                <span class="rankingtxt">10</span>
            </div>
            <div class="r">
                <h2>累积打卡<span class="clockCounttext">23</span>天</h2>
                <button>今日打卡
            </button>
            </div>
        </nav>
        <article>
            <div class="lf">
                <h2>运动数据</h2>
            </div>
            <div class="r">
                <h2>累积运动徽章</h2>
                <span class="ban1"><b class="badgestxt ">10</b>枚</span>
            </div>
        </article>
        <section>
            <h2>课程训练</h2>
        </section>
        <aside>
            <h2>户外跑步</h2>
        </aside>

    </main>




    <!-- weui -->
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js" charset="utf-8"></script>
</body>

</html>